page{
	background-color: #F7F7F7;
}
.header{
	width:750rpx;
	position: fixed;
	left: 0;
	// top: 88rpx;
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	z-index: 999;
	.tabs{
		width: 120rpx;
		text-align: center;
		padding-bottom: 28rpx;
		padding-top: 28rpx;
		font-size: 30rpx;
		color: #666;
		border-bottom: 2rpx solid rgba(255,255,255,0);
	}
	.selectdTabs{
		border-bottom: 2rpx solid #5076f2;
		color: #487af8;
		font-size: 30rpx;
	}
}
.line{
	width: 750rpx;
	height: 100rpx;
}
.container{
	width: 690rpx;
	margin: 28rpx auto 0;
	
	.coupon{
		width: 690rpx;
		height: 190rpx;
		margin: 0 auto 20rpx;
		&_left{
			width: 220rpx;
			height: 190rpx;
			float: left;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			color: #fff;
			&_number{
				text:first-child{
					font-size: 30rpx;
				}
				text:last-child{
					font-size: 50rpx;
				}
			}
			&_type{
				margin-top: 10rpx;
				font-size: 28rpx;
			}
		}
		&_right{
			width: 470rpx;
			float: right;
			&_number{
				width: 291rpx;
				height: 98rpx;
				font-size: 28rpx;
				color: #333;
				margin-left: 26rpx;
				margin-top: 30rpx;
			}
			&_date{
				width: 418rpx;
				margin: 0 auto;
				border-top: 1rpx solid #e4e4e4;
				padding-top: 20rpx;
				display: flex;
				align-items: center;
				>text{
					display: inline-block;
					width: 240rpx;
					color: #999999;
					font-size: 24rpx;
					margin-right: 21rpx;
				}
				.waringBg{
					width: 180rpx;
					height: 30rpx;
					background-image: url('@/static/img/personCenter/myWallet/polygon.png');
					background-repeat: no-repeat;
					background-size: 100% 100%;
					font-size: 22rpx;
					color: #fff;
					line-height: 30rpx;
					text-align: center;
				}
			}
		}
	}
	.blueBg{
		background-image: url('@/static/img/personCenter/myWallet/blueEllipse.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.bg{
		background-image: url('@/static/img/personCenter/myWallet/ellipse.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
}
.orderImg{
	margin: 218rpx auto 0;
	width: 416rpx;
	height: 383rpx;
	.noOrder{
		width: 416rpx;
		height: 383rpx;
	}
}